<!DOCTYPE html>
<html>
<head>
<title>Connectez-vous</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- My style -->
<link href="../css/bootstrap.css" rel="stylesheet" media="screen">
<link href="../css/login.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="../js/bootstrap.js"></script>
<script type="text/javascript">
$('#openBtn').click(function(){
	$('#myModal').modal({show:true})
});
</script>

</head>
<body>

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a>

<div class="modal" id="myModal">
	<div class="modal-dialog">
	
	
     <div class="login-container">
            <div id="output"></div>
            <div class="avatar"><img class="profile-img" src="../img/zodio.gif" style="border-radius: 8px;"></div>
            <div class="form-box">
            
            <form class="form-signin" method="post"
						action="../action/authentificationAction.php">
						<p>
						<?php
						// Traitement message erreur
						require_once ("../enums/enums.php");
						session_start ();
						echo '<input type="text" class="form-control" placeholder="Identifiant" name="login_responsable" id="login_responsable" required autofocus>';
						$erreur = isset($_SESSION ['messageErreur']);
						if ($erreur != null && $_SESSION ['messageErreur'] == MAUVAIS_LOGIN) {
							echo '<FONT COLOR="red">Votre login est incorrecte</FONT>';
							$_SESSION ['messageErreur'] = null;
						}
						
						?>
					              <button class="btn btn-info btn-block login" type="submit">Valider</button>
						</p>
			</form>
            
          </div>
        </div>
      
      
    </div>
</div>

</body>


</html>